<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>倒计时</title>
    <style>
        h1{
            font-size: 50px;
            text-align: center;
        }
    </style>
</head>

<body>
<h1>倒计时：<span>10</span></h1>
<script src="http://libs.baidu.com/jquery/1.10.0/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        var elm=$("h1 span").first();//获取到元素
        var i=9;
        var interval=setInterval(function () {//创建定时器
            elm.html(i);//将i赋值给elm中的元素
            i--;
            console.log(i);//每次执行都输出i的值
//            console.trace();//查看函数在控制台中调用的情况
            if (i<0){
                clearInterval(interval);//移除定时器
            }
        },1000);
    });
</script>




</body>
</html>